{% extends "base.html" %}

{% block content %}
<div class="container mt-5">
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <h4>欢迎回来，{{ request.user.username }}！</h4>
            <p>这里是教师主页。你可以查看学生、审核课题、评分进度。</p>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-md-6">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-2">我的学生</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ students.count }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="bi bi-person fs-1 text-gray-400"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-2">待评分课题</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ pending_topics.count }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="bi bi-pencil-square fs-1 text-gray-400"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
